
var imagenPanel = new Ext.Panel
  (
    {
      id: 'imagenPanel',
      region:'west',
      html:'<div align="center" style="margin: 10px; height: 600px; width: 600px;"><div class="tuxTop"></div><div class="tuxMid" style="height: 370px; font-size:12px; font-weight: normal;"><img width="400px" height="330px" src="../imagenes/logo2.png"></div><div class="tuxFoot"></div></div>'
    }
  );

var start = {
	id:'start-panel',
	title: 'Column Layout',
    layout: 'column',
    bodyStyle: 'padding:5px',
	defaults: {bodyStyle:'padding:15px'},
    items: [imagenPanel
    ]
};

/*
 * ================  TableLayout config  =======================
 */

var usuario = {
	id: 'usuario-panel',
	title: 'Table Layout',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
    gridUsuario,
    registro
		//logueo//
		]
};

var cursos = {
	id: 'cursos-panel',
	title: 'Table Layout',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	  cursos
	  ]
};

var material = {
	id: 'material-panel',
	title: 'Table Layout',
	layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	    gridMaterial,
	    formMaterial 
	  ]
};

var metodologia = {
	id: 'metodologia-panel',
	title: 'Table Layout',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},
	autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	{
	rowspan: 3,
	 items:[formMetodologia]
	},
	{
	 items:[gridFases]
	},{
	 items:[gridActividad]
	},{
	 items:[gridArtefacto]
	}
]
};


var configuracionCurso = {
	id: 'configuracionCurso-panel',
	title: 'Table Layout',
	layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	{
	 items:[formConfiguracionCurso]
	},{
	 items:[formCongifuracionMetodologiaCurso]
	}
	  ]
};


var grupoTrabajo = {
	id: 'grupoTrabajo-panel',
	title: 'Table Layout',
	layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
	items: [
	      gruposTrabajo
	  ]		
};